page-confirm-order {
    .shop-name{
        padding:15px;
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
        color:rgb(130, 130, 130);
    }
    .goods{
        padding:15px;
        border-bottom: 1px solid #dedede;
        .content{
            display:flex;
            justify-content: space-between;
            padding:5px 0 5px 0;
            .goods-pic {
                width:40%
            }
            .goods-info {

                width:55%;
                div{
                    height:50%;
                }
                .title{
                    span:last-child {
                        border: 1px solid #ff0000;
                        border-radius: 5px;
                        font-size: 0.8rem;
                        color:#ff0000;
                        padding:0 5px 0 5px;
                    }
                    span:first-child {
                        color:rgb(130, 130, 130);

                    }

                }
                .price{
                    display:flex;
                    justify-content: space-between;
                    span:first-child{
                        align-self: center;
                        font-size: 1.5rem;
                        color:#ff0000;

                    }
                    span:last-child{
                            align-self: flex-end;

                    }
                }

            }
        }
    }

    .count{
        padding:10px;
        display: flex;
        justify-content: space-between;
        height: 50px;
        .count-title {
            display: flex;
            span {
                margin: auto;
            }
        }

        .bott{
            background:#f1f1f1;
            display: flex;
            width: 30%;
            border-radius:5px;
            
            .box{
                display: flex;
                height: 100%;
                padding: 0 15% 0 15%;
                background:#fff;
                .number{
                    padding: 0px 0px 0 0px;
                    width: fit-content;
                }
            }
            span{
                margin: auto;

            }
            .cut {
                display: flex;
                // padding: 0 10px 0 10px;
                width:31%;
                // font-size: 1.8rem;
            }
            .put {
                display: flex;
                // padding: 0 10px 0 10px;
                width:31%; 
                // font-size: 1.8rem;
            }
        }
    }
    .break{
        height:10px;
        background:rgb(240,240,240)
    }
    .pay{
        img{
            width:40px;
            height:40px;
        }
        .balance{
            color:#ff0000;
        }

        .check{
            border:1px solid rgb(130, 130, 130);
            border-radius:20px;
            width:20px;
            height:20px;
        }

        .actived{
            border:1px solid #ff0000;
            background:url("../assets/imgs/check.png") center; 
            background-size:100%;
        }
    }

    .Notice{
        color:#ff0000;
        margin:10px;
        font-size: 0.8rem;
    }
    .gopay{
        height:60px;
        background:#ddd;
        position: fixed;
        bottom: 0px;
        width:100%;
        display: flex;
        .count{
            width:65%;
            height:100%;
            background:#fff;
            display: flex;
            justify-content: flex-end;
            div{
                margin:auto 0;
                .all{
                    color:#ff0000;
                }
            }
        }
        .paypage {
            display:flex;
            width:35%;
            height:100%;
            background:#ff0000;
            span{
                margin:auto;
                color:#fff;
                font-size: 1.8rem
            }
        }
    }



}
